#articleDetail{
    h1{
        font-size: .48rem;
        margin: .48rem 0;
    }
    h2{
        font-size: .36rem;
        margin: .3rem 0;
    }
    h3{
        font-size: .28rem;
        margin: .28rem 0;
    }
    p{
        margin: .3rem 0;
    }
    .content {
        margin-bottom: 1rem;
        padding: 0 .32rem;
        .title {
            font-size: .48rem;
            line-height: .67rem;
            padding: .32rem 0;
            font-weight: bold;
        }
        .label {
            margin-bottom: .64rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: .28rem;
            span{
                color: #999999;
                display: flex;
                align-items: center;
                img{
                    width: .32rem;
                    height: .32rem;
                    margin-right: .1rem;
                }
            }
            .btn{
                color: white;
                height: .48rem;
                display: flex;
                align-items: center;
                width: 1.2rem;
                justify-content: center;
                border-radius: .24rem;
                background: #DCBBC9;
            }
            
        }
        .v_html{
            font-size: .34rem;
            color: #333333;
            line-height: .48rem;
        }
        
            
    }
    .no_artic_c{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        .no_artic_1{
            display: flex;
            align-items: center;
            justify-content: center;
            color: #999999;
            font-size: .32rem;
            padding: 1rem 0 3rem 0 ;
        }
        .no_artic_btn{
            width: 5.6rem;
            height: .88rem;
            color: white;
            background: #DCBBC9;
            border-radius: .44rem;   
            font-size: .36rem;  
            margin-top: .4rem;
            display: flex;
            align-items: center;
            justify-content: center;   
            margin: 0 auto 4rem; 
        }
    }
    .share_car_f{
        margin-top: 1rem;
        padding-bottom: .8rem;
        .share_car_title{
            display: flex;
            align-items: center;
            div{
                font-size: .28rem;
                line-height: .4rem;
                padding: 0 .32rem;
                color: #333333;
            }
            span{
                flex: 1;
                height: 1px;
                background: #D8D8D8;
            }
        }
        .share_car{
            margin-top: .48rem;
            border-radius: .2rem;
            box-shadow:0px .04rem .2rem 0px rgba(0,0,0,0.1);
            text-align: center;
            padding: .48rem .55rem;
            .share_car_img{
                width: 1rem;
                height: 1rem;
                border-radius: 50%;
                margin: auto;
                
            }
            .share_car_name{
                font-size: .32rem;
                line-height: .36rem;
                color: #333333;
                margin: .16rem 0;   
            }
            .share_car_label{
                color: #999999;
                font-size: .26rem;
                line-height: .36rem;
            }
            .share_car_btn{
                margin-top: .32rem;
                justify-content: space-between;
                padding: 0 .68rem;
                display: flex;
                .share_car_btn_c{
                    display: flex;
                    align-items: center;
                    width: 2rem;
                    line-height: .64rem;
                    border-radius: .36rem;
                    background: #09CA5A;
                    justify-content: center;
                    color: white;
                    font-size: .28rem;
                }
                .share_car_btn_img{
                    width: .38rem;
                    height: .38rem;
                    margin-right: .08rem;
                }   
            }
        }
    }
    .qr_pop{
        align-items: center;
        justify-content: center;
        .pop_top{
            margin: auto;
            width: 6rem;
            height: 6.4rem;
            background:rgba(255,255,255,1);
            border-radius:.2rem;
            padding: .8rem 0;
            .pop_top_img{
                width: 4rem;
                height: 4rem;
                margin:  0 auto .4rem;
            }
            .pop_top_label{
                text-align: center;
                font-size: .3rem;
                line-height: .4rem;
                color: #333333;
            }
        }
        
        .pop_close_img{
            width: .7rem;
            height: .7rem;
            margin: 1rem auto 0;
        }
    }
}
